<script setup lang="ts">

</script>

<template>
  <div id="start">
    <div style="height: 200px;"></div>
      <el-row>
        <el-col :span="8"></el-col>
          <el-col :span="8">
            <h1 style="text-align: center; color: aliceblue;">企业人事管理平台</h1><br>
            <div class="box">
                <RouterView></RouterView>
            </div>
          </el-col>
        <el-col :span="8"></el-col>
      </el-row>
  </div>
  
</template>

<style scoped>
  #start{
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(185, 185, 180), rgb(59, 58, 58));
    }
    .box{
        width: 100%;
        height: 260px;
        background-color: aliceblue;
        border: 1px solid rgb(115.2, 117.6, 122.4);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 0px 10px rgb(255, 255, 255);
    }
</style>
